<template>
  <div class="main-layout-1">
    <div>About</div>
    <!--<img class="img" src="ice-cream.svg" alt="">-->
    <div class="img"></div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'About',
  data () {
    return {};
  },
  methods: {},
};
</script>

<script setup lang="ts">
</script>

<style scoped lang='scss'>
.img {
  width: 300px;
  height: 300px;
  mask-image: url(ice-cream.svg);
  mask-size: 100% 100%;
  -webkit-mask-image: url(ice-cream.svg);
  -webkit-mask-size: 100% 100%;
  background: -webkit-linear-gradient(bottom, #0073E6 0%, #0073E6 50%, #DDD 50%, #DDD 100%);
}
</style>
